﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="PersonalInfo.aspx.cs" Inherits="UserLogin_Developer_PersonalInfo" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <style>
        .auto-style1 {
            width: 1500px;
            height: 350px;
        }

        .mybutton {
            width: 200px;
            height: 60px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .myexit{
            width: 100px;
            height: 30px;
            margin-left: 600px;
        }

        .mypanel {
            width: 1500px;
            height: 600px;
        }

        .mylabel {
            margin-left: 70px;
            height: 100px;
        }


        .mytextbox {
            width: 300px;
            height: 20px;
            border-radius: 5px;
        }

        .mypicturetextbox {
            border-radius: 5px;
            background-color: burlywood;
            color: white;
        }

        .mypicture {
            margin: 5px;
            padding: 40px;
        }

        .mydropdownlist {
            width: 308px;
            height: 25px;
            border-radius: 5px;
        }

        .myskillpanel {
            margin-left: 95px;
        }


        .btnSubmit {
            margin-left: 580px;
            border-radius: 5px;
        }

        .btnChange {
            border-radius: 5px;
            color: white;
            background-color: #FF6666;
            border-width: 0px;
        }

        .btnSave {
            margin-left: 80px;
            border-radius: 5px;
        }

        .BarWeak {
            color: red;
            background-color: red;
        }

        .BarAverage {
            color: orange;
            background-color: orange;
        }

        .BarGood {
            color: forestgreen;
            background-color: forestgreen;
        }

        .BarBorder {
            width: 70px;
        }
    </style>

    <div>
        <asp:Button ID="Button1" CssClass="mybutton" runat="server" Text="个人信息" BackColor="White" BorderWidth="0px" Font-Size="Medium" OnClick="Button1_Click" Font-Bold="True" />
        <asp:Button ID="Button2" CssClass="mybutton" runat="server" Text="上传头像" BackColor="White" BorderWidth="0px" Font-Size="Medium" OnClick="Button2_Click" Font-Bold="True" />
        <asp:Button ID="Button3" CssClass="mybutton" runat="server" Text="修改密码" BackColor="White" BorderWidth="0px" Font-Size="Medium" OnClick="Button3_Click" Font-Bold="True" />
        
        <asp:Button ID="Button4"  CssClass="myexit" runat="server" Text="退出登录" ForeColor="White" BackColor="#16C4AF" BorderWidth="0px" Font-Size="Medium"  OnClick="Button4_Click" Font-Bold="True" />
        <br />



        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

        <asp:Panel ID="Panel1" CssClass="mypanel" runat="server" BorderWidth="0px" BackColor="#FFFFCC" Visible="true">
            <table class="auto-style1">
                <tr>
                    <td colspan="3">
                        <asp:Label ID="Label1" CssClass="mylabel" runat="server" Text="UserInfo" Font-Size="X-Large" Font-Bold="True" ForeColor="#FF6666"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">工号：</td>
                    <td>
                        <asp:TextBox ID="txtJobId" CssClass="mytextbox" runat="server" Enabled="False"></asp:TextBox></td>

                    <td rowspan="5" style="text-align: left; vertical-align: top">技能：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:TextBox ID="txtSkill" CssClass="mytextbox" runat="server" Enabled="false"></asp:TextBox>
                        <asp:Button ID="btnChangeSkill" CssClass="btnChange" runat="server" Text="修改" OnClick="btnChangeSkill_Click" />
                        <asp:Button ID="btnFinish" CssClass="btnChange" runat="server" Text="完成" Visible="false" OnClick="btnFinish_Click" />
                        <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" TargetControlID="btnChangeSkill" ConfirmText="是否修改专业技能？" />
                        <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server" TargetControlID="btnFinish" ConfirmText="是否提交专业技能的修改？" />

                        <asp:Panel ID="SkillPanel" CssClass="myskillpanel" runat="server" Visible="true" Enabled="false">
                            <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                                <asp:ListItem>C</asp:ListItem>
                                <asp:ListItem>C++</asp:ListItem>
                                <asp:ListItem>C#</asp:ListItem>
                                <asp:ListItem>Java</asp:ListItem>
                                <asp:ListItem>Python</asp:ListItem>
                            </asp:CheckBoxList>
                        </asp:Panel>

                    </td>

                </tr>
                <tr>
                    <td style="text-align: center">权限：</td>
                    <td>
                        <asp:TextBox ID="txtIdentity" CssClass="mytextbox" runat="server" Enabled="False"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">邮箱：</td>
                    <td>
                        <asp:TextBox ID="txtEmail" CssClass="mytextbox" runat="server" placeholder="格式：775026642@qq.com"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 出生年月：</td>
                    <td>
                        <asp:TextBox ID="txtBirth" CssClass="mytextbox" runat="server" placeholder="格式：1999-11-02"></asp:TextBox>
                        <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtBirth" Format="yyyy-MM-dd" />
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">性别：</td>
                    <td>
                        <asp:DropDownList ID="DropDownList1" CssClass="mydropdownlist" runat="server">
                            <asp:ListItem Value="Male">男</asp:ListItem>
                            <asp:ListItem Value="Female">女</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">

                        <asp:Button ID="btnSubmit" CssClass="btnSubmit" runat="server" Text="提交" Width="100px" Height="40px" ForeColor="White" BackColor="#16C4AF" BorderWidth="0px" /></td>
                    <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender3" runat="server" TargetControlID="btnSubmit" ConfirmText="是否提交个人信息的修改？" />
                </tr>
            </table>

        </asp:Panel>

        <asp:Panel ID="Panel2" CssClass="mypanel" runat="server" BorderWidth="0px" BackColor="#FFCCCC" Visible="true">
            <table style="margin-left: 500px;">
                <tr>
                    <td colspan="3" style="width: 400px; height: 400px">
                        <asp:Image ID="Image1" CssClass="mypicture" runat="server" BorderColor="BurlyWood" BorderWidth="2px" ImageUrl="~/Pictures/picture.png" Height="350px" Width="350px" />
                    </td>
                </tr>
                <tr>
                    <td style="width: 300px; height: 50px; text-align: left;">
                        <asp:Button ID="btnSelect" CssClass="mypicturetextbox" runat="server" Text="选择图片" Width="60%" Height="100%" BorderWidth="0px" Font-Size="Medium" />
                    </td>
                    <td style="width: 50px; height: 50px">
                        <asp:Button ID="btnSizeAdd" CssClass="mypicturetextbox" runat="server" Text="+" Width="100%" Height="100%" BorderWidth="0px" Font-Size="X-Large" Font-Bold="True" />
                    </td>
                    <td style="width: 50px; height: 50px">
                        <asp:Button ID="btnSizeSub" CssClass="mypicturetextbox" runat="server" Text="-" Width="100%" Height="100%" BorderWidth="0px" Font-Size="X-Large" Font-Bold="True" />
                    </td>
                </tr>
                <tr>
                    <td colspan="3" style="width: 400px; height: 100px; text-align: center;">
                        <asp:Button ID="btnSave1" runat="server" BackColor="#16C4AF" BorderWidth="0px" ForeColor="White" Height="40px" Text="保存" Width="150px" />
                        <ajaxToolkit:ConfirmButtonExtender ID="btnSave1_ConfirmButtonExtender" runat="server" ConfirmText="是否提交对用户头像的修改？" TargetControlID="btnSave1" />
                    </td>
                </tr>
            </table>

        </asp:Panel>

        <asp:Panel ID="Panel3" CssClass="mypanel" runat="server" BorderWidth="0px" BackColor="#CCCCFF" Visible="False">
            <table style="text-align: center; width: 700px; height: 250px;">
                <tr>
                    <td style="text-align: center; width: 350px; height: 50px;">原密码：</td>
                    <td style="width: 400px; height: 50px">
                        <asp:TextBox ID="txtOldPwd" CssClass="mytextbox" TextMode="Password" runat="server" Enabled="false"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center; width: 350px; height: 50px;">新密码：</td>
                    <td style="width: 400px; height: 50px">
                        <asp:TextBox ID="txtNewPwd" CssClass="mytextbox" TextMode="Password" runat="server" placeholder="长度在6-18之间，只能是字母、数字或者下划线"></asp:TextBox>
                        <ajaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server" TargetControlID="txtNewPwd" BarBorderCssClass="BarBorder" StrengthIndicatorType="BarIndicator" StrengthStyles="BarWeak;BarAverage;BarGood" />
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center; width: 350px; height: 50px;">&nbsp;&nbsp;&nbsp;&nbsp;确认密码：</td>
                    <td style="width: 400px; height: 50px">
                        <asp:TextBox ID="txtNewPwdAgain" CssClass="mytextbox" TextMode="Password" runat="server" placeholder="长度在6-18之间，只能是字母、数字或者下划线"></asp:TextBox>
                        <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server" TargetControlID="txtNewPwdAgain" BarBorderCssClass="BarBorder" StrengthIndicatorType="BarIndicator" StrengthStyles="BarWeak;BarAverage;BarGood" />
                    </td>
                    <td style="width: 400px; height: 50px; text-align: left;">
                        <asp:CompareValidator CssClass="mytextbox" ControlToValidate="txtNewPwdAgain" ControlToCompare="txtNewPwd" Display="Dynamic" ForeColor="Red" runat="server" ErrorMessage="密码不一致"></asp:CompareValidator>
                    </td>
                </tr>


                <tr>
                    <td colspan="2">
                        <asp:Button ID="btnSave" CssClass="btnSave" runat="server" Text="保存" Width="100px" Height="40px" ForeColor="White" BackColor="#16C4AF" BorderWidth="0px" />
                        <ajaxToolkit:ConfirmButtonExtender ID="ConfirmButtonExtender4" runat="server" TargetControlID="btnSave" ConfirmText="是否提交对用户密码的修改？" />
                    </td>
                </tr>
            </table>

        </asp:Panel>





    </div>



</asp:Content>

